<template>
<div class="bangd">
 <div class="bangdan" v-for="(v,i) in list1" :key="i"> 
       <img :src=v.img >
       <p>{{v.t1}}</p>
       <p>{{v.t2}}</p>
      
  </div>
</div>
 
</template>

<script>
import getlink from '../../api/getapi'
export default {
    data(){
      return {
        list1:[]
      }
    },
    created(){
       getlink("/mock/data/ticket").then((ok)=>{
        //  console.log(ok.data.list1)
         this.list1=ok.data.list1
       })
    },

}
</script>

<style scoped >
.bangd{
  width: 100%;
  padding: 0.02rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-left: 0.02rem;

}
.bangdan{
  width: 100%;
  height: 2rem;
  font-size: 0.2rem;
  margin-left: 0.1rem;
  text-align: center;
 
}
.bangdan img{
  width: 0.8rem;
  height: 1rem;
}
</style>